<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=0.4, maximum-scale=1.0, user-scalable=0;"/>
		<title>喵生重开模拟器2.0</title>
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<!-- <script src="vue.js"></script> -->
	</head>
	<body>
		
		<div id="app">
			<div class="box">
				<h1>喵生重开模拟器</h1>
				
				<div class="up">
					<p class="txt1">做人哪有当猫爽</p>
					<p class="txt2">剩余属性点：{{total}}</p>
				</div>
				
					
					<div class="buttonbox">
						<span>猫德 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<button @click="sub1" class="newButton">-</button>
						<button class="newButton2">{{a}}</button>
						<button @click="add1" class="newButton">+</button>
						</span>
						<br/>
						
						<span>颜值 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<button @click="sub2" class="newButton">-</button>
						<button class="newButton2">{{b}}</button>
						<button @click="add2" class="newButton">+</button>
						</span>
						<br/>
						
						<span>胆子 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<button @click="sub3" class="newButton">-</button>
						<button class="newButton2">{{c}}</button>
						<button @click="add3" class="newButton">+</button>
						</span>
						<br/>
						
						<span>幸运 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<button @click="sub4" class="newButton">-</button>
						<button class="newButton2">{{d}}</button>
						<button @click="add4" class="newButton">+</button>
						</span>
						<br/>
						
					</div>
					
					<br />
					<button @click="random" class="button2">随机分配</button>
					&nbsp&nbsp&nbsp&nbsp&nbsp
					<button @click="start" class="button2">开始喵生</button>
					<!-- <button @click="next" class="button2">继续下一年</button> -->
					
					<p v-if="show1">
						你的年龄：{{age}}<br />所选事件编号：{{num}}</p>
					<p class="bug">所选事件编号：{{num}}</p>
					
					<div id="listBox" @click="next">

						  <!-- 通过年龄开始进行20项目 -->
							<ul v-show="show">
								<li v-for="(value,key) in myEvents">
								{{myAge[key]}}{{value}}
								</li>
							</ul>
						
					</div>
				   <button @click="javascript:location.reload();" v-if="die" class="button3">重新开始</button>
			
			</div>
			
			
		</div>
	</body>
	
	<!-- 自动滚动 -->
	
	 
	 
	<!-- Vue程序部分 -->
	
	<script>
	
	
	var Child = {
	  template: '<h1>喵生重开模拟器</h1>'
	}
	
		var vm=new Vue({
		        el:'#app',
		        
				 components: {
				    'runoob': Child,
					},
		        data:{
					age:0,
					
					
					// 你的一生的事件列表计数器
					n:0,
					t:0,
					// 初始输入四种属性值
					a:0,
					b:0,
					c:0,
					d:0,
					
					// 根据flag选择相应的事件库
					flag:0,
					
					// 根据num选择事件库中的某一事件
					num:-1,
					
		            msg1:0,
		            msg2:0,
					max:2,
					// 总属性点值
					total:10,
					
					// 控制游戏开始的显示
					show:false,
					show1:false,
					over:false,
					die:false,
					
					young:0,
					
					events_borndie1:[
						'你出生了，家里的猫太多了，你们哥几个被铲屎官的奶奶活埋了',
						'你出生时死于难产，去了喵星',
						'你出生了，但是不小心被妈妈压死'
					],
					
					events_borndie2:[
						'你出生了，但是不小心被你妈妈压死了',
						'你出生了，没有呼吸，死掉了',
						'你出生了，但是的另一种罕见的疾病，提前去了喵星'
					],
					
					events_born1:[
						'你出生了，被领养人接到了家里',
						'你出生了，被送到了铲屎官的家里',
						'你出生了，断奶后被送到了铲屎官家里',
						'你出生了，只和妈妈待了一个月就断奶送到了别人家'
						
					],
					
					events_born2:[
						'你出生了，是只流浪猫',
						'你出生了，你不知道自己的爸妈是谁',
						'你出生了，和你一起的还有还有好几个',
						'你出生了，但是发生了什么你不记得了'
						
					],
					
					events_young1:[
						'铲屎官好像不是坏人',
						'铲屎官好像喜欢你拉出来的东西',
						'铲屎官身上的味道有点有趣',
						'你喜欢纸箱子',
						'你好像吃了不该吃的东西拉肚子了',
						'铲屎官第一次带你出门',
						'你觉得自己是世界上最幸福的猫',
						'你开始看不惯桌子上摆的东西',
						'你你开始思考的铲屎官会不会吃起来口感很好',
						'家里还没买猫抓板，你只好先用沙发凑合一下'
						
					],
					
					events_young2:[
						'你学会了基本的捕食技巧',
						'你离开了熟悉的环境',
						'流浪的种子在你的心中埋下',
						'你错把墙画当成了鱼，幸好没有吃下去',
						'蒲公英呛得你直打喷嚏',
						'你经常和别的小猫交流捕食技巧',
						'你逐渐适应了这副身体',
						'你第一次遇到镜子的时候被自己吓了一跳',
						'你觉得尾巴是有自己的想法的',
						'下雨被淋湿了，你开始讨厌下雨',
						'做猫的感觉很爽，你决定下辈子还当猫',
						'有人类用猫条来拐卖小猫，你很幸运的躲开了',
						'不断的有和你一样大的猫咪被拐走'
						
					],
					
					events_die1:[
						'你在睡梦中去了喵星',
						'你的生命到了尽头，你渡过了很幸福的一生',
						'你在铲屎官的怀中去了喵星，你渡过了幸福的一生',
						'你从桌子上往下跳不小心摔断了腿 ',
						'你的牙齿开始松动',
						'铲屎官给你换了更容易消化的猫粮',
						'你比之前睡的更多了',
						'你发现你的行动有些迟钝',
						'你有机会就会多和铲屎官待在一起'
						
					],
					events_die2:[
						'你在睡梦中去了喵星',
						'你渡过了流浪且愉快的一生',
						'你去了喵星',
						'你的食量开始变少',
						'你开始应对不了年轻的猫咪',
						'你开始依靠别的猫咪才能填饱肚子',
						'你能明显感到自己狂不起来了',
						'你越来越容易发困',
						'在一次吃东西的时候你的牙齿掉了一个'
						
					],
					
					myAge:[
						'',
						'3个月:',
						'6个月:',
						'9个月:',
						'1岁:',
						'2岁:',
						'3岁:',
						'4岁:',
						'5岁:',
						'6岁:',
						'7岁:',
						'8岁:',
						'9岁:',
						'10岁:',
						'11岁:',
						'12岁:',
						'13岁:',
						'14岁:',
						'15岁:',
						'16岁:',
						'17岁:',
						'18岁:',
						'19岁:',
						'20岁:'
					],
					
					// 八种属性情况事件表
					events_1:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'你的颜值出众',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'铲屎官总把你的视频发到网上，很多人夸你可爱，你因此小有名气',
						'你的眼睛蓝的越来越像宝石',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'几乎见过你的人都夸你长得好看',
						'铲屎官给你买了个电动老鼠，你怕的直接躲到了床底下',
						'家里来了陌生人，你总是躲的远远的',
						'家里进了猫鼠，你表现的根本不像一只猫，像胆小鬼',
						'每次打雷，你都要跑到床底下躲起来',
						'你几乎不怎么叫，铲屎官好长一段时间都觉得你是哑巴猫猫',
						'快递袋上有消毒剂，你舔了几口，这要了你半条命',
						'你在沙发旁睡觉，铲屎官路过踩你了你一脚',
						'外出的时候不小心被蜜蜂蜇到，猫爪肿成了猪蹄',
						'铲屎官关门的时候不小心夹断了你的尾巴',
						'铲屎官一直挠你的手，可是你就是学不会开花'
						
					],
					
					events_2:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'有人给你起了个太君猫的外号',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你长得越来越像表情包',
						'因为长得比较有个性，你的铲屎官总是看着你傻笑',
						'你的照片发到了网上，讨论你的人很多',
						'你觉得自己的活动范围太小，你趁家里没人的时候把小区探索了个遍',
						'你经常跟着铲屎官外出溜达，去过很多地方',
						'你并不怕陌生人摸你，只要铲屎官在附近就行',
						'你深信，自己和老虎留着相同的血液',
						'你是家里最狂的一个',
						'快递袋上有消毒剂，你舔了几口，这要了你半条命',
						'你在沙发旁睡觉，铲屎官路过踩你了你一脚',
						'外出的时候不小心被蜜蜂蜇到，猫爪肿成了猪蹄',
						'铲屎官关门的时候不小心夹断了你的尾巴',
						'铲屎官一直挠你的手，可是你就是学不会开花'
					],
					
					events_3:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'有人给你起了个太君猫的外号',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你长得越来越像表情包',
						'因为长得比较有个性，你的铲屎官总是看着你傻笑',
						'你的照片发到了网上，讨论你的人很多',
						'铲屎官给你买了个电动老鼠，你怕的直接躲到了床底下',
						'家里来了陌生人，你总是躲的远远的',
						'家里进了猫鼠，你表现的根本不像一只猫，像胆小鬼',
						'每次打雷，你都要跑到床底下躲起来',
						'你几乎不怎么叫，铲屎官好长一段时间都觉得你是哑巴猫猫',
						'你发现了猫粮藏的位置，所以你每天都偷吃一些',
						'铲屎官升职加薪，给你买了很多新玩具',
						'研究表明，家猫的寿命更长',
						'你和铲屎官的性格很合得来',
						'你这一年过的很自在'
						
					],
					
					events_4:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'你的颜值出众',
						'经常有人用摄影机拍你',
						'虽然不怎么洗澡，但是你很注意自己的外在形象，没事了就梳理毛发',
						'有人想要把你带回家，但是人类并不能取得你的信任，所以你还是选择流浪的生活',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'你成为了这附近猫老大',
						'你根本不怕人类，可是想抓住你也不是那么容易的事情',
						'你光明正大的从菜市场偷了一条鱼',
						'你很嚣张，所有人都不放在眼里',
						'你深信，自己和老虎留着相同的血液',
						'你并不是总能找到吃的，有时候会饿肚子',
						'附近的老鼠有点难抓，你打算去别的地方看看',
						'不小心被蜜蜂蜇到，你看起来的样子像是发腮了',
						'有生物在你睡觉的地方拉了一泡屎，你差点没气昏过去',
						'你醒来之后发现蛋蛋没了'
					],
					
					events_5:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'你的颜值出众',
						'经常有人用摄影机拍你',
						'虽然不怎么洗澡，但是你很注意自己的外在形象，没事了就梳理毛发',
						'有人想要把你带回家，但是人类并不能取得你的信任，所以你还是选择流浪的生活',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'你的找到的吃的经常被别的猫抢',
						'有人类了喂你吃的，你都是等人类走远了才敢过去吃',
						'你擅长偷偷摸摸的行动，你的行动很难被发现',
						'你不经常大吵大闹',
						'你讨厌很大的声音',
						'你发现一处地点每天下午六点准时刷新吃的，所以你吃饭不愁',
						'好多流浪猫被抓去做了绝育，你运气好没被抓到',
						'你发现了一个新的烂尾楼，这个地方睡觉相当舒服，你决定以后就住这里',
						'有经验的猫告诉你，流浪猫的寿命更长一些',
						'你坚信人类只是暂时在统治地球方面占据上风'
					],
					
					events_6:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'有人给你起了个太君猫的外号',
						'虽然你是流浪猫，但因为你富有特色的长相，大家都会记住你',
						'经常有人冲着你笑，像是在嘲笑你的“胡子”',
						'你长得越来越像表情包',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你成为了这附近猫老大',
						'你根本不怕人类，可是想抓住你也不是那么容易的事情',
						'你光明正大的从菜市场偷了一条鱼',
						'你很嚣张，所有人都不放在眼里',
						'你深信，自己和老虎留着相同的血液',
						'你发现一处地点每天下午六点准时刷新吃的，所以你吃饭不愁',
						'好多流浪猫被抓去做了绝育，你运气好没被抓到',
						'你发现了一个新的烂尾楼，这个地方睡觉相当舒服，你决定以后就住这里',
						'有经验的猫告诉你，流浪猫的寿命更长一些',
						'你坚信人类只是暂时在统治地球方面占据上风'

					],
					
					events_7:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'你的颜值出众',
						'铲屎官总把你的视频发到网上，很多人夸你可爱，你因此小有名气',
						'你的眼睛蓝的越来越像宝石',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'几乎见过你的人都夸你长得好看',
						'你觉得自己的活动范围太小，你趁家里没人的时候把小区探索了个遍',
						'你经常跟着铲屎官外出溜达，去过很多地方',
						'你并不怕陌生人摸你，只要铲屎官在附近就行',
						'你深信，自己和老虎留着相同的血液',
						'你是家里最狂的一个',
						'快递袋上有消毒剂，你舔了几口，这要了你半条命',
						'你在沙发旁睡觉，铲屎官路过踩你了你一脚',
						'外出的时候不小心被蜜蜂蜇到，猫爪肿成了猪蹄',
						'铲屎官关门的时候不小心夹断了你的尾巴',
						'铲屎官一直挠你的手，可是你就是学不会开花'
					],
					
					events_8:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'你的颜值出众',
						'铲屎官总把你的视频发到网上，很多人夸你可爱，你因此小有名气',
						'你的眼睛蓝的越来越像宝石',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'几乎见过你的人都夸你长得好看',
						 '铲屎官给你买了个电动老鼠，你怕的直接躲到了床底下',
						'家里来了陌生人，你总是躲的远远的',
						'家里进了猫鼠，你表现的根本不像一只猫，像胆小鬼',
						'每次打雷，你都要跑到床底下躲起来',
						'你几乎不怎么叫，铲屎官好长一段时间都觉得你是哑巴猫猫',
						'你发现了猫粮藏的位置，所以你每天都偷吃一些',
						'铲屎官升职加薪，给你买了很多新玩具',
						'研究表明，家猫的寿命更长',
						'你和铲屎官的性格很合得来',
						'你这一年过的很自在'
					],
					
					events_9:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'有人给你起了个太君猫的外号',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你长得越来越像表情包',
						'因为长得比较有个性，你的铲屎官总是看着你傻笑',
						'你的照片发到了网上，讨论你的人很多',
						'你觉得自己的活动范围太小，你趁家里没人的时候把小区探索了个遍',
						'你经常跟着铲屎官外出溜达，去过很多地方',
						'你并不怕陌生人摸你，只要铲屎官在附近就行',
						'你深信，自己和老虎留着相同的血液',
						'你是家里最狂的一个',
						'你发现了猫粮藏的位置，所以你每天都偷吃一些',
						'铲屎官升职加薪，给你买了很多新玩具',
						'研究表明，家猫的寿命更长',
						'你和铲屎官的性格很合得来',
						'你这一年过的很自在'
					],
					
					events_10:[
						'你结识了三号楼',
						'“ 装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'你的颜值出众',
						'经常有人用摄影机拍你',
						'虽然不怎么洗澡，但是你很注意自己的外在形象，没事了就梳理毛发',
						'有人想要把你带回家，但是人类并不能取得你的信任，所以你还是选择流浪的生活',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'你成为了这附近猫老大',
						'你根本不怕人类，可是想抓住你也不是那么容易的事情',
						'你光明正大的从菜市场偷了一条鱼',
						'你很嚣张，所有人都不放在眼里',
						'你深信，自己和老虎留着相同的血液',
						'你发现一处地点每天下午六点准时刷新吃的，所以你吃饭不愁',
						'好多流浪猫被抓去做了绝育，你运气好没被抓到',
						'你发现了一个新的烂尾楼，这个地方睡觉相当舒服，你决定以后就住这里',
						'有经验的猫告诉你，流浪猫的寿命更长一些',
						'你坚信人类只是暂时在统治地球方面占据上风'
					],
					
					events_11:[
						'因为你的性格亲人，你成为了一只治疗猫，每星期会安排你去敬老院陪需要的老人',
						'铲屎官出差了几天，家里来了新的铲屎官，他一进来就和你亲亲，好像认识你',
						'你学会了看电视',
						'你喜欢用头去蹭铲屎官的手',
						'你的铲屎官不知道从哪里学的，一直刺挠你的屁股',
						'扫地机器人一直不把你放眼里，所以你经常欺负他',
						'世界上生产出了机器猫，你的评价是还有很大的进步空间',
						'疫情结束了',
						'石矶娘娘的风气开始流行，你的铲屎官也受到了影响',
						'你的铲屎官好像有点毛病',
						'你的铲屎官白天不想让你睡，为了报复他晚上你用尾巴戳他的鼻子',
						'某公司研发出了猫猫外观的汽车，并且卖的很好',
						'听说猫咪迟早要发起第三次世界大战，但你对这个不感兴趣',
						'传言说真的尾巴有自己独立的想法',
						'冬天家里的小太阳把你烤黑了',
						'你在家里翻到了一副粉色的小手铐，你猜测你的铲屎官应该是个抓坏人的英雄',
						'有人给你起了个太君猫的外号',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你长得越来越像表情包',
						'因为长得比较有个性，你的铲屎官总是看着你傻笑',
						'你的照片发到了网上，讨论你的人很多',
						'铲屎官给你买了个电动老鼠，你怕的直接躲到了床底下',
						'家里来了陌生人，你总是躲的远远的',
						'家里进了猫鼠，你表现的根本不像一只猫，像胆小鬼',
						'每次打雷，你都要跑到床底下躲起来',
						'你几乎不怎么叫，铲屎官好长一段时间都觉得你是哑巴猫猫',
						'快递袋上有消毒剂，你舔了几口，这要了你半条命',
						'你在沙发旁睡觉，铲屎官路过踩你了你一脚',
						'外出的时候不小心被蜜蜂蜇到，猫爪肿成了猪蹄',
						'铲屎官关门的时候不小心夹断了你的尾巴',
						'铲屎官一直挠你的手，可是你就是学不会开花'
					],
					
					events_12:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'你的颜值出众',
						'经常有人用摄影机拍你',
						'虽然不怎么洗澡，但是你很注意自己的外在形象，没事了就梳理毛发',
						'有人想要把你带回家，但是人类并不能取得你的信任，所以你还是选择流浪的生活',
						'如果颜值能当饭吃，你这辈子不用担心吃不饱饭',
						'你的找到的吃的经常被别的猫抢',
						'有人类了喂你吃的，你都是等人类走远了才敢过去吃',
						'你擅长偷偷摸摸的行动，你的行动很难被发现',
						'你不经常大吵大闹',
						'你讨厌很大的声音',
						'你并不是总能找到吃的，有时候会饿肚子',
						'附近的老鼠有点难抓，你打算去别的地方看看',
						'不小心被蜜蜂蜇到，你看起来的样子像是发腮了',
						'有生物在你睡觉的地方拉了一泡屎，你差点没气昏过去',
						'你醒来之后发现蛋蛋没了'
					],
					
					events_13:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'有人给你起了个太君猫的外号',
						'虽然你是流浪猫，但因为你富有特色的长相，大家都会记住你',
						'经常有人冲着你笑，像是在嘲笑你的“胡子”',
						'你长得越来越像表情包',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你成为了这附近猫老大',
						'你根本不怕人类，可是想抓住你也不是那么容易的事情',
						'你光明正大的从菜市场偷了一条鱼',
						'你很嚣张，所有人都不放在眼里',
						'你深信，自己和老虎留着相同的血液',
						'你并不是总能找到吃的，有时候会饿肚子',
						'附近的老鼠有点难抓，你打算去别的地方看看',
						'不小心被蜜蜂蜇到，你看起来的样子像是发腮了',
						'有生物在你睡觉的地方拉了一泡屎，你差点没气昏过去',
						'你醒来之后发现蛋蛋没了'
					],
					
					events_14:[
						'你结识了三号楼',
						'装模作样五分钟，融化富贵十五年”在你听十分的可笑，真正的勇士会直面充满冒险的喵生',
						'你有一群可爱的小伙伴',
						'你几天就会换一个新的配偶',
						'你深知争夺地球是猫咪的使命，所以你不能轻易被人类抓住',
						'三号楼成为了你的的精神领袖',
						'专家预测第三次世界大战有可能是人猫之间',
						'你卡在了工地的管子里，叫了一天才有人来救你',
						'你从别的猫哪里学会了打猫猫拳',
						'某公司研发出了猫猫外观的汽车，卖的很不错，但是你知道，这只是猫猫占领地球的一小步',
						'反猫德联盟建立了自己的猫咪网络，一个月收费五个小鱼干',
						'三号楼登上了时代杂志封面',
						'在非洲的一个小国，猫咪完全统治了哪里',
						'蜜蜂叮了一下你的鼻子，你看起来像是长了个猪鼻子',
						'有人给你起了个太君猫的外号',
						'虽然你是流浪猫，但因为你富有特色的长相，大家都会记住你',
						'经常有人冲着你笑，像是在嘲笑你的“胡子”',
						'你长得越来越像表情包',
						'如果猫咪有颜值排行榜，那么你一定是倒数',
						'你的找到的吃的经常被别的猫抢',
						'有人类了喂你吃的，你都是等人类走远了才敢过去吃',
						'你擅长偷偷摸摸的行动，你的行动很难被发现',
						'你不经常大吵大闹',
						'你讨厌很大的声音',
						'你发现一处地点每天下午六点准时刷新吃的，所以你吃饭不愁',
						'好多流浪猫被抓去做了绝育，你运气好没被抓到',
						'你发现了一个新的烂尾楼，这个地方睡觉相当舒服，你决定以后就住这里',
						'有经验的猫告诉你，流浪猫的寿命更长一些',
						'你坚信人类只是暂时在统治地球方面占据上风',
						'你光明正大的从菜市场偷了一条鱼'
					],
					
					
					// 你的一生的事件列表
					myEvents:[
					],
					
					
		        },
		        methods:{
		            add1:function(){
						
						if(this.total>0&&this.show!=true){
							this.a++;
							this.total--;
						}
		            },
		            sub1:function(){
						
						if(this.a>0&&this.show!=true){
							this.a--;
							this.total++;
						}
		            },
		            add2:function(){
		                if(this.total>0&&this.show!=true){
		                	this.b++;
		                	this.total--;
		                }
		            },
		            sub2:function(){
						if(this.b>0&&this.show!=true){
							this.b--;
							this.total++;
						}
		            },
					add3:function(){
					    if(this.total>0&&this.show!=true){
					    	this.c++;
					    	this.total--;
					    }
					},
					sub3:function(){
						
						if(this.c>0&&this.show!=true){
							this.c--;
							this.total++;
						}
					},
					add4:function(){
					    if(this.total>0&&this.show!=true){
					    	this.d++;
					    	this.total--;
					    }
					},
					sub4:function(){
						if(this.d>0&&this.show!=true){
							this.d--;
							this.total++;
						}
					},
					
					// 游戏开始初始化,根据属性大小选取4个事件库分别是a1,b1,c1,d1
					start(){
						if(this.total==0){
							// 开始游戏显示游戏区域
							this.show=true;
							
							// 进行六种猫猫的判断来选择数据库
							if(this.a>=3){
								if(this.b>=3&&this.c<3&&this.d<3){
									this.flag=1;
								}else if(this.b<3&&this.c>=3&&this.d<3){
									this.flag=2;
								}else if(this.b<3&&this.c<3&&this.d>=3){
									this.flag=3;
								}else if(this.b>=3&&this.c>=3&&this.d<3){
									this.flag=7;
								}else if(this.b>=3&&this.c<3&&this.d>=3){
									this.flag=8;
								}
								else if(this.b<3&&this.c>=3&&this.d>=3){
									this.flag=9;
								}
								else if(this.b<3&&this.c<3&&this.d<3){
									this.flag=11;
								}
								
							}else if(this.a<3){
								if(this.b>=3&&this.c>=3&&this.d<3){
									this.flag=4;
								}else if(this.b>=3&&this.c<3&&this.d>=3){
									this.flag=5;
								}else if(this.b<3&&this.c>=3&&this.d>=3){
									this.flag=6;
								}else if(this.b>=3&&this.c>=3&&this.d>=3){
									this.flag=10;
								}else if(this.b>=3&&this.c<3&&this.d<3){
									this.flag=12;
								}else if(this.b<3&&this.c>=3&&this.d<3){
									this.flag=13;
								}else if(this.b<3&&this.c<3&&this.d>=3){
									this.flag=14;
								}
								
							}
							//点击开始会加载出生
							if(this.young==0){
								this.next();
							}
							
						}else{
							alert("请使用完属性点！");
						}
						
						
					},
					


					// 生长一岁的操作，从四个事件库中选一个加入你的人生表
					next(){
						if(this.show==true){
							
							if(this.age<20&&this.die==false){
								
								// 每点一次年龄加一
								if(this.young>3)
								{
									this.age++;
									
								}
								
								// 生成一个随机数从所需要的一种事件库里随机挑选
								// this.num=Math.round(Math.random()*19);
								
								// 事件库必须大于最大年龄
								this.newEvent();
								
								this.scrollToBottom();
							}else{
								this.over=true;
							}
						}else{
							alert("请先点击“开始喵生”！")
						}
						

					},
					
					// 自动滚动到底部
					scrollToBottom() {
					               this.$nextTick(() => {
					                   setTimeout(() => {
					                       var scrollTop = document.getElementById("listBox")
					                       scrollTop.scrollTop = scrollTop.scrollHeight
																console.log(scrollTop.scrollTop)
					                   }, 200)
					               })
					           },
					
					// 新事件添加至您的喵生表
					newEvent(){
						
						if(this.age<1){	
							if(this.young<=3&&this.young>=1)
							{	//幼年事件显示区
								// 如果猫德>=3
								if(this.a>=3){
									this.young++
									var x=0;
									x=Math.round(Math.random()*(this.events_young1.length-1));
									
									for(let j=0;;j++){
										var m=0;
										this.t=0;
										for(let i =0;i<this.myEvents.length;i++){
											if(this.events_young1[x]==this.myEvents[i]){
												m=1;
												this.t=i;
											}
										}
										this.t=m;
										if(m==1){
											x=Math.round(Math.random()*(this.events_young1.length-1));
										}else{
											break;
										}
									}
									
									this.myEvents[this.n]=this.events_young1[x];
									
								}
								
								// 如果猫德<3
								if(this.a<3){
									this.young++
									var x=0;
									x=Math.round(Math.random()*(this.events_young2.length-1));
									
									for(let j=0;;j++){
										var m=0;
										this.t=0;
										for(let i =0;i<this.myEvents.length;i++){
											if(this.events_young2[x]==this.myEvents[i]){
												m=1;
												this.t=i;
											}
										}
										this.t=m;
										if(m==1){
											x=Math.round(Math.random()*(this.events_young2.length-1));
										}else{
											break;
										}
									}
									
									this.myEvents[this.n]=this.events_young2[x];
									
								}
								
							}else{	//出生方式事件显示区
								if(this.a>=3){
									var x=0;
									
									if(this.d==0){
										x=Math.round(Math.random()*(this.events_borndie1.length-1));
										this.myEvents[0]=this.events_borndie1[x];
										this.die=true;
									}else{
										x=Math.round(Math.random()*(this.events_born1.length-1));
										this.myEvents[0]=this.events_born1[x];
									}
									
									this.young++
									
								}else if(this.a<3){
									var x=0;
									
									if(this.d==0){
										x=Math.round(Math.random()*(this.events_borndie2.length-1));
										this.myEvents[0]=this.events_borndie2[x];
										this.die=true;
									}else{
										x=Math.round(Math.random()*(this.events_born2.length-1));
										this.myEvents[0]=this.events_born2[x];
									}
									
									this.young++
									
								}
							}
							
							this.num=x;
						}else if(this.age>=18){	//晚年事件显示区
						
							if(this.a>=3){
								var n=0;
								if(this.age==20){
									n=Math.round(Math.random()*2);
								}else{
									n=Math.round(Math.random()*8);
								}
								
								for(let j=0;;j++){
									var m=0;
									this.t=0;
									for(let i =0;i<this.myEvents.length;i++){
										if(this.events_die1[n]==this.myEvents[i]){
											m=1;
											this.t=i;
										}
									}
									this.t=m;
									if(m==1){
										if(this.age==20){
											n=Math.round(Math.random()*2);
										}else{
											n=Math.round(Math.random()*8);
										}
									}else{
										break;
									}
								}
								
								this.myEvents[this.n]=this.events_die1[n];
								
								if(n>=0&&n<=2){
									this.die=true;
								}
								
								this.num=n;
								
							}else if(this.a<3){
								
								var n=0;
								
								if(this.age==20){
									n=Math.round(Math.random()*2);
								}else{
									n=Math.round(Math.random()*8);
								}
								
								
								for(let j=0;;j++){
									var m=0;
									this.t=0;
									for(let i =0;i<this.myEvents.length;i++){
										if(this.events_die2[n]==this.myEvents[i]){
											m=1;
											this.t=i;
										}
									}
									this.t=m;
									if(m==1){
										if(this.age==20){
											n=Math.round(Math.random()*2);
										}else{
											n=Math.round(Math.random()*8);
										}
									}else{
										break;
									}
								}
								
								this.myEvents[this.n]=this.events_die2[n];
								
								if(n>=0&&n<=2){
									this.die=true;
								}
								
								this.num=n;
								
							}
							
							
						}else{	//成年事件显示区
							if(this.flag==1){
								
								this.isTheSame(this.events_1)
							}else if(this.flag==2){
								
								this.isTheSame(this.events_2)
							}else if(this.flag==3){
								
								this.isTheSame(this.events_3)
								
							}else if(this.flag==4){
								
								this.isTheSame(this.events_4)
							}else if(this.flag==5){
								
								this.isTheSame(this.events_5)
							}else if(this.flag==6){
								
								this.isTheSame(this.events_6)
							}else if(this.flag==7){
								
								this.isTheSame(this.events_7)
							}else if(this.flag==8){
								
								this.isTheSame(this.events_8)
							}else if(this.flag==9){
								
								this.isTheSame(this.events_9)
							}else if(this.flag==10){
								
								this.isTheSame(this.events_10)
							}else if(this.flag==11){
								
								this.isTheSame(this.events_11)
							}else if(this.flag==12){
								
								this.isTheSame(this.events_12)
							}else if(this.flag==13){
								
								this.isTheSame(this.events_13)
							}else if(this.flag==14){
								
								this.isTheSame(this.events_14)
							}
							
						}
						
						this.n++;
					},
					// 新事件添加至您的喵生表代码结束
					
					isTheSame(events){
						this.num=Math.round(Math.random()*(events.length-1));
						
						for(let j=0;;j++){
							var m=0;
							this.t=0;
							for(let i =0;i<this.myEvents.length;i++){
								if(events[this.num]==this.myEvents[i]){
									m=1;
									this.t=i;
								}
							}
							this.t=m;
							if(m==1){
								this.num=Math.round(Math.random()*(events.length-1));
							}else{
								break;
							}
						}
						
						this.myEvents[this.n]=events[this.num];
					},
					
					random(){
						if(this.show==false){
							var a;
							var b;
							var c;
							var d;
							a=Math.round(Math.random()*10);
							b=Math.round(Math.random()*(10-a));
							c=Math.round(Math.random()*(10-a-b));
							d=10-a-b-c;
							
							this.a=a;
							this.b=b;
							this.c=c;
							this.d=d;
							this.total=0;
						}
					}
					
		        },
				// 
				})
		</script>
	
</html>
<style>


.up{
	line-height: 15px;
	font-family: '微软雅黑';
}
.txt1{
	font-size: 55px;
	font-weight: 50;
	letter-spacing: 3px;
}
.txt2{
	font-size: 60px;
	font-weight: 520;
}
span{
	/* border: solid white 1px; */
}
.buttonbox{
	line-height: 80px;
	font-family: '微软雅黑';
	font-size: 40px;
	font-weight: bold;
	margin-top: -15px;
	/* border: solid white 1px; */
}

.newButton{
	height: 60px;
	width: 60px;
	background-color: #21252e;
	border: solid #FFFFFF 6px;
	color: #FFFFFF;
	font-size: 25px;
	border-radius: 3px;
}
.newButton2{
	height: 60px;
	width: 125px;
	background-color: #21252e;
	border: solid #FFFFFF 6px;
	color: #FFFFFF;
	font-size: 25px;
	margin: -16px;
	
}
.box{
	
	height: 1700px;
	text-align: center;
	font-size: 30px;
	color: white;
	line-height: 50px;
}


#listBox{
	overflow-y: scroll;
	height: 700px;
	margin:80px;
	margin-top: -10px;
	margin-bottom: 30px;
	border: solid white 7px;
	padding-left: -1000px;
	background-color: #454c56;
	border-radius: 3px;
}
li{

    list-style-type:none;
	background-color:  cornflowerblue;
	border: solid white 6px;
	width: 0px auto;
	height: auto;
	text-align: center;
	background-color: #454c56;
	margin: 5px;
	border-radius: 3px;
}
ul{
	margin-left: -40px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.button2{
	width: 330px;
	height: 140px;
	font-weight: 530;
	background-color: #21252e;
	border: solid #FFFFFF 6px;
	color: #FFFFFF;
	font-size: 40px;
	font-family: '黑体';
	margin-top: -15px;
	border-radius: 3px;
}

.button3{
	width: 500px;
	height: 120px;
	font-weight: bold;
	background-color: #21252e;
	border: solid #FFFFFF 6px;
	color: #FFFFFF;
	font-size: 40px;
	border-radius: 3px;
}

.button2:hover {
  background: #454c56;
  text-decoration: none;
}

.newButton:hover{
	background: #454c56;
}

.button3:hover {
  background: #454c56;
  text-decoration: none;
}

h2{
	margin: 5px;
}
h1{
	margin-top: 60px;
	font-size: 110px;
	letter-spacing: 8px;
}


.bug{ //需要显示p标签出来{{num}}程序才可以工作
	margin: 0px auto;
	opacity: 0;
	font-size: 1px;
}
body
{
	background-color: #21252e;
}

iframe{
	position: absolute;
	    top: 0;
	    right: 0;
}

</style>